<style>
.fila{
	/*Clase*/
	float:left;
	margin-left:3%;
	}
#cuerpo{
	height:95%;
	width:95%;
	}
.region_1{
	margin-top: 15px;
	margin-left:5px;
	}
label,input{
	margin-left:10px;
	margin-top:0px;
	font-size:12.5px;
	}
br{
	clear:both;}
.text_pequenio{
	width:30px;}

.txt_fecha{
	width:75px;
	font-size:12.5px;
	}
.txt_hora{
	width:80px;
	font-size:12.5px;
	}
.txt_fecha_hora{
	width:150px;
	font-size:12.5px;
	}
.txt_folio{
	width:50px;
	font-size:12.5px;
	}
.txt_contri{
	width:375px;
	font-size:12.5px;
	}

</style>


<div id="cuerpo">
	<div style="margin-left:10px;background-color:#FFFFFF;width:240px"><label style="margin-:-50;"><b>Listado De Altas Y Bajas para SAT</b></label></div>
	<div>
    <br>
    	<label><b>Fecia Inicio:</b></label>
        <label style="margin-left:30px;"><b>Fecha Final:</b></label>
        <br>
    </div>
	<div>
    	<input type="text" class="txt_fecha" id="txtFechainicio"/>
        <input type="text" class="txt_fecha" id="txtFechafinal"/>
        <br>
    </div>
    <div style="border-style:ridge;
    			border-color:red;
    			border-width:1px;
    			width:150px;height:55px; margin-top:-50px;margin-left:250px">
    	<div style="margin-top:-10px;background-color:#FFFFFF;width:35px"><b>Tipo:</b></div>
        
        <input type="radio" style="margin-left:10px" name="altas" id="rbnCheck_altas"/>
      	<label><b>Altas</b></label>
        <br>
        <input type="radio" style="margin-left:10px" name="altas" id="rbnCheck_bajas"/>
        <label><b>Bajas</b></label>
    </div>
    <div style="margin-top:-40px;margin-left:420px">
    	<button style=" border-radius:15px 15px 15px 15px ;" id="btn_Procesar_alta_baja"><b>  PROCESAR  </b></button>
      	<button style=" margin-left:15px ;border-radius:15px 15px 15px 15px ;" id="btnExportar_alta_baja"><b>  Excel </b></button>
    </div>
	<br><br>
	<div style="border-style:solid; border-width:2px; width:70%;border-color:#6E6E6E"></div>
	<br>
    <div  style="margin-left:125px;width:700px;height:250px; " id="tabla">
            <div>
                <table width="100%" border="1" class="tabla" id="cabecera_altasbaja">
                    <tr >
                        <th class="txt_folio"><b>PREDIO</b></th>
                        <th class="txt_contri"><b>DIRECCION FISCAL</b></th>
                        <th class="txt_folio"><b>  AUTOVAL </b></th>
                        <th class="txt_folio" style="font-size:10PX;width:50px"><b>VALOR DE TRANSF.</b></th>
                        <th style="width:2px"></th>
                    </tr>
                 </table>
             </div>
             <div style="width:700px;height:380px; overflow-y:scroll">
             	<table width="100%" border="1" class="tabla" id="detalle_altasbaja">
               <script type="text/javascript">
               		var  cadcontentrow='';
          			for(var i=0; i<21 ; i++){
          			cadcontentrow += '<tr>';
          			cadcontentrow += '<td class="txt_folio"><br></td>';
          			cadcontentrow += '<td class="txt_contri"><br> </td>';
          			cadcontentrow += '<td class="txt_folio"><br> </td>';
          			cadcontentrow += '<td class="txt_folio"><br> </td>';
          			cadcontentrow += '</tr>';
          			}
          			$("#detalle_altasbaja").html(cadcontentrow);
    		   </script>
             
                 </table>
             </div>
        </div>
    </div>    
    <br>
